<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<title>提起牛仔裤零食店</title>
		<!-- 引入 WeUI -->
		<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.3/weui.min.css">
		<script type="text/javascript" src="https://res.wx.qq.com/open/libs/weuijs/1.1.4/weui.min.js"></script>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="../js/common.js"></script>
	</head>

	<body style="background-color: #f8f8f8;">
		<div class="container" id="container" style="position: absolute;top: 0;right: 0;bottom: 0;left: 0;">
			<div class="page__bd" style="height: 100%;">
				<div class="weui-tab">
					<div class="weui-tab__panel">
						<!--轮播图-->
						<div class="weui-flex">
							<div class="weui-flex__item">
								<div class="placeholder">
									<img src="../img/001.webp" width="100%" />
								</div>
							</div>
						</div>
						<div class="weui-flex">
							<div class="weui-flex__item">
								<div class="placeholder">
									<div class="weui-cells" style="margin-top: 0px;">
										<div class="weui-cell" style="color: rgb(102, 102, 102);background: rgb(255, 248, 233);font-size: 12px;">
											<div class="weui-cell__hd"><img src="https://img.yzcdn.cn/public_files/2017/8/10/6af5b7168eed548100d9041f07b7c616.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
											<div class="weui-cell__ft" style="color: rgb(102,102,102);">新店开业限时优惠，全场满59包邮，先领券再购物</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!--搜索框-->
						<div class="weui-flex">
							<div class="weui-flex__item">
								<div class="placeholder">
									<div class="weui-search-bar" id="searchBar">
										<form class="weui-search-bar__form">
											<div class="weui-search-bar__box">
												<i class="weui-icon-search"></i>
												<input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
												<a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
											</div>
											<label class="weui-search-bar__label" id="searchText">
							                    <i class="weui-icon-search"></i>
							                    <span>搜索</span>
							                </label>
										</form>
										<a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
									</div>
								</div>
							</div>
						</div>
						<!--第一排菜单-->
						<div class="weui-flex">
							<div class="weui-flex__item">
								<div class="placeholder">
									<img width="100%" src="https://img.yzcdn.cn/upload_files/2017/12/15/Fh4rE1R9w4eDvmVGYlmJCWjSJkyc.png?imageView2/2/w/730/h/0/q/75/format/webp" />
								</div>
							</div>
							<div class="weui-flex__item">
								<div class="placeholder">
									<img width="100%" src="https://img.yzcdn.cn/upload_files/2017/12/15/Fh4rE1R9w4eDvmVGYlmJCWjSJkyc.png?imageView2/2/w/730/h/0/q/75/format/webp" />
								</div>
							</div>
							<div class="weui-flex__item">
								<div class="placeholder">
									<img width="100%" src="https://img.yzcdn.cn/upload_files/2017/12/15/Fh4rE1R9w4eDvmVGYlmJCWjSJkyc.png?imageView2/2/w/730/h/0/q/75/format/webp" />
								</div>
							</div>
							<div class="weui-flex__item">
								<div class="placeholder">
									<img width="100%" src="https://img.yzcdn.cn/upload_files/2017/12/15/Fh4rE1R9w4eDvmVGYlmJCWjSJkyc.png?imageView2/2/w/730/h/0/q/75/format/webp" />
								</div>
							</div>
						</div>
						<div class="weui-flex">
							<div class="weui-flex__item">
								<div class="placeholder">
									<div class="weui-panel weui-panel_access">
										<div class="weui-panel__hd" id="app">坚果炒货</div>
										<div class="weui-panel__bd">
											<a href="goods.html" class="weui-media-box weui-media-box_appmsg">
												<div class="weui-media-box__hd">
													<img class="weui-media-box__thumb" src="" alt="">
												</div>
												<div class="weui-media-box__bd">
													<h4 class="weui-media-box__title">标题一</h4>
													<p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
												</div>
											</a>
											<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
												<div class="weui-media-box__hd">
													<img class="weui-media-box__thumb" src="" alt="">
												</div>
												<div class="weui-media-box__bd">
													<h4 class="weui-media-box__title">标题一</h4>
													<p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="weui-flex">
							<div class="weui-flex__item">
								<div class="placeholder">
									<div class="weui-panel weui-panel_access">
										<div class="weui-panel__hd">坚果炒货</div>
										<div class="weui-panel__bd">
											<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
												<div class="weui-media-box__hd">
													<img class="weui-media-box__thumb" src="" alt="">
												</div>
												<div class="weui-media-box__bd">
													<h4 class="weui-media-box__title">标题一</h4>
													<p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!--底部连接-->
						<div class="weui-flex">
							<div class="weui-flex__item">
								<div class="placeholder">
									<div class="weui-footer">
										<p class="weui-footer__links">
											<a href="javascript:void(0);" class="weui-footer__link">底部链接</a>
										</p>
										<p class="weui-footer__text">Copyright © 2008-2016 weui.io</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="weui-tabbar">
						<a href="javascript:;" class="weui-tabbar__item">
							<img src="../img/svg/首页.svg" alt="" class="weui-tabbar__icon">
							<p class="weui-tabbar__label">首页</p>
						</a>
						<a href="javascript:;" class="weui-tabbar__item weui-bar__item_on">
							<span style="display: inline-block;position: relative;">
	                    <img src="../img/svg/购物车.svg" alt="" class="weui-tabbar__icon">
	                    <span class="weui-badge" style="position: absolute;top: -2px;right: -13px;">8</span>
							</span>
							<p class="weui-tabbar__label">购物车</p>
						</a>
						<a href="javascript:;" class="weui-tabbar__item">
							<img src="../img/svg/我的.svg" alt="" class="weui-tabbar__icon">
							<p class="weui-tabbar__label">我的</p>
						</a>
					</div>
				</div>
			</div>
		</div>
		<style type="text/css">

		</style>
		<script type="text/javascript">
			weui.searchBar('#searchBar');
			$.ajax({
				type: "post",
				url: BASE_URL + "/html",
				async: true
			});
		</script>
	</body>

</html>